<template>
  <div>
    <div class="search-box">
      <input aria-label="Search" />
    </div>
    <nav>
      <div class="nav-item">
        <a
          href="/"
          class="nav-link router-link-exact-active router-link-active"
          aria-current="page"
          >首页</a
        >
      </div>
      <!-- <div class="nav-item" v-for="item in navList" :key="item.id">
        {{ item.val }}
      </div> -->
    </nav>
  </div>
</template>

<script>
export default {
  data() {
    return {
      navList: [
        { id: 0, val: "首页" },
        { id: 1, val: "下载" },
        { id: 2, val: "指南", subArr: [] },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
        { id: 2, val: "指南" },
      ],
    };
  },
  created() {},
  methods: {},
};
</script>
<style lang="less" scoped>
@media screen and (max-width: 540px) {
}
</style>
